.userhome_top_bg{
	position: relative;
	width: 80%;
	height: 200px;
	background-size: auto 100%;
	margin: -0px auto;
	margin-bottom: 0px;
}

.userhome-userhd{
	position: absolute;
	width: 100%;
	height: 30%;
	top: 70%;
	background: url(/images/change_bg_foot.png);
	z-index: 10
}

.userhome-userhd_imgdv{
	width: 104px;
	margin: 0px auto;
	border-radius: 52px;
	border:4px solid rgba(255,255,255,.6); 
}

.userhome-userhd_img{
	width: 96px;
	height: 96px;
}

.userhome-userhd-name{
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
}

.userhome-userhd-motto{
	font-size: 12px;
	line-height: 12px;
	height: 12px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #999;
}

.userhome-hd-nav{
	width: 80%;
	background:#fff; 
	min-height: 60px;
	clear: both;
	margin: 0px auto;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 0 1px #eee;
}

.userhome-hd-navbt{
	font-size: 20px;
	line-height: 35px;
}

.userhome-theme-img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin-top: 15px;
	border: 3px solid #e1e1e8;
	cursor: pointer;
}

.fansbt{
	position: absolute;
	z-index: 50;
	top: 150px;
	right: 20px;
}

.msgbt{
	position: absolute;
	z-index: 50;
	top: 150px;
	right: 95px;
}


.change-bg{
	position: absolute;
	z-index: 10;
	top: 0px;
	right: 0px;
	background: url(/images/change_bgbt.png);
	display: block;
	width: 43px;
	height: 43px;
	background-position:0px 0;
	cursor: pointer;
	animation: changer-bg-an 0.4s steps(1,start)  infinite;
    /* Firefox: */
    -moz-animation: changer-bg-an 0.4s steps(1,start)  infinite;
    /* Safari 和 Chrome: */
    -webkit-animation: changer-bg-an 0.4s steps(1,start) infinite;
    /* Opera: */
    -o-animation: changer-bg-an 0.4s steps(1,start) infinite;

}

.change-bg:hover{
	background-position: 0px 0;
	animation: changer-bg-an 0s steps(1,start)  infinite;
    /* Firefox: */
    -moz-animation: changer-bg-an 0s steps(1,start)  infinite;
    /* Safari 和 Chrome: */
    -webkit-animation: changer-bg-an 0s steps(1,start) infinite;
    /* Opera: */
    -o-animation: changer-bg-an 0s steps(1,start) infinite;
}


.userhome-index-left{
	border-right: 2px solid #e5e9ef;
}

.userhome-index-rigtop{
	margin: 15px 0px;
	text-align: center;
	height: 75px;
	line-height: 30px;
	border-bottom:  1px solid #e5e9ef;
}

.userhome-index-rigtop p{
	margin: 0px;
	font-size: 16px; 
}

.userhome-index-rigtop a{
	font-weight: bold;
	color: #000;
}

.userhome-index-Notice{
	margin-top: 100px;
	font-size: 16px;
	border-bottom:   1px solid #e5e9ef;
	margin: 0px;
}

.userhome-index-textarea{
	border: 1px solid transparent;
	border-radius: 4px;
	font-size: 14px;
	padding: 10px;
	height: 140px;
}

.userhome-index-textarea:hover{
	border-color: #00a1d6;
}

.userhome-allbody{
	border:0px;
	margin-top: 15px;
	border-radius: 10px;
	border: 1px solid #e5e9ef;
}

.userhome-body-img{
	width:100%;
	border-radius: 10px 10px 0px 0px;
	height: auto;
	background-size:100% 100%;
}

.userhome-body-imghov{
	width:100%;
	border-radius: 10px 10px 0px 0px;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.7);
	display: none;
	padding-top: 20%;
	text-align: center;
	font-size: 50px;
}

.userhome-body-img:hover .userhome-body-imghov{
	display: block;
	color: #fff;
}

.userhome-title{
	margin-top: 10px;
}

.userhome-atitle{
	font-size: 16px;
	line-height: 16px;
	color: #333;
	display: block;
	width: 100%;
	word-break:break-all;
	height: 32px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding:0px 10px;
}

.userhome-atitle:hover{
	color: #00a1d6;
	text-decoration:none;
}

.userhome-uptime{
	color: #99a2aa;
	padding: 0px 10px;
}

.userhome-time-hov{
	width:100%;
	height:auto;
	position:relative;
}

.userhome-keepdel{
	width: 100%;
	line-height: 30px;
	color: #fff;
	background: #1EDFFF;
	height: 0px;
	border-radius:0px 0px 10px 10px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	transition: 0.4s;
	top: 0;
}

.userhome-time-hov:hover .userhome-keepdel{
	height: 30px;
	transition: 0.4s;
}

.userhome-upbody{
	box-shadow: 0 0 0 1px #eee;
	overflow:hidden;
	border-radius: 5px;
}

.userhome-upbody:hover{
	box-shadow: 0 0 0 3px #eee;
	padding-left: 20px;
}

.userhome-upshead{
	width: 100%;
	height: auto;
	margin: 20% auto;
	transition: 0.2s;
}

.userhome-upshead:hover{
	width:120%;
	height: auto;
	margin: 10% auto;
	transition: 0.2s;
}

.userhome-upsname{
	font-weight: bold;
	font-size: 25px;
	margin-top: 10px;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
}

.userhome-upsname a{
	color: #000;
}

.userhome-upsname a:hover{
	color: #22aaaa;
	text-decoration:none;
}

.userhome-upmotto{
	font-size: 12px;
	color: #999aaa;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap;
}

#userhome-hd-body{
	width: 80%;
	min-height: 300px;
	margin:10px auto;
	background-color: #fff;
	border-radius:4px;
	box-shadow: 0 0 0 1px #eee;
}

#userhome-hd-navdiv{
	margin-left: 16.66666667%; 
}

#userhome-hd-navdiv a{
	line-height: 60px;
	font-size:16px;
	margin-right: 30px;
	color: #000;
	transition: 0.4s;
}

#userhome-hd-navdiv a:hover{
	color: #00a1d6;
	text-decoration: none;
	transition: 0.4s;
}


@keyframes changer-bg-an
{
  0%{background-position:0px 0;}
  50%{background-position:-550px 0;}
  100%{background-position:0px 0;}
}

@-moz-keyframes changer-bg-an 
{
  0%{background-position:0px 0;}
  50%{background-position:-550px 0;}
  100%{background-position:0px 0;}
}

@-webkit-keyframes changer-bg-an
{
 0%{background-position:0px 0;}
  50%{background-position:-550px 0;}
  100%{background-position:0px 0;}
}

@-o-keyframes changer-bg-an 
{
 0%{background-position:0px 0;}
  50%{background-position:-550px 0;}
  100%{background-position:0px 0;}
}


@media  (min-width: 1600px) {
	.userhome_top_bg{
		background-size:100% auto; 
	}
}

@media  (max-width: 768px) {
	.userhome-userhd{
		top:20%;
		height: 80%; 
		background-size: 100% 100%;
	}

	.userhome-userhd-name{
		text-align: center;
	}
	.userhome-userhd-motto{
		text-align: center;
	}

	.userhome-hd-nav{
		min-height: 35px;
	}

	.userhome-atitle{
		font-size: 32px;
		line-height:32px;
	}

	#userhome-hd-navdiv{
	margin: 0px; 
	padding: 0px;
	}

	.fansbt{
		top:20px;
		right: 0px;
	}

	.msgbt{
		top:70px;
		right: 0px;
	}

}